বুটস্ট্রাপ বাটন গ্রুপ

বুটস্ট্রাপ বাটন গ্রুপ: বুটস্ট্রাপে একাধিক বাটনকে একটি বাটন গ্রুপে(এক লাইনে) একত্রে করে রাখা যায়।

বুটস্ট্রাপ বাটন গ্রুপ তৈরি করার জন্য < div > এলিমেন্টের সাথে .btn-group ক্লাস ব্যবহার করুনঃ

kt_satt_skill_example_id=922

পরামর্শঃ কোন একটি গ্রুপের বাটনগুলোর আকার আলাদা আলাদা সেট করার চেয়ে গ্রুপের সকল বাটনের আকার একত্রে সেট করার জন্য .btn-group-* ক্লাস ব্যবহার করুনঃ

kt_satt_skill_example_id=923

ভার্টিক্যাল বাটন গ্রুপ

বুটস্ট্রাপের মাধ্যমে ভার্টিক্যাল বাটন গ্রুপও তৈরি করা যায়।

ভার্টিক্যাল বাটন গ্রুপ তৈরি করার জন্য .btn-group-vertical ক্লাস ব্যবহার করুনঃ

kt_satt_skill_example_id=925

জাস্টিফাইড বাটন গ্রুপ

প্যারেন্ট এলিমেন্টের সম্পূর্ণ প্রস্থ জুড়ে বাটন গ্রুপ তৈরি করার জন্য় .btn-group-justified ক্লাস ব্যবহার করুন।

কিভাবে < a > এলিমেন্টের মাধ্যমেও বাটন গ্রুপ তৈরি যায় তা নিচের উদাহরণে দেখানো হলোঃ

kt_satt_skill_example_id=928

নোটঃ< button > এলিমেন্টর ক্ষেত্রে অবশ্যই প্রত্যেকটি বাটনকে .btn-group ক্লাসের আওতায় রাখতে হবেঃ

kt_satt_skill_example_id=930

বাটন গ্রুপ এবং ড্রপডাউন মেনুর একত্র ব্যবহার

ড্রপডাউন মেনু তৈরি করার জন্য নেস্টেড বাটন গ্রুপ নিচের উদাহরণে দেখানো হলোঃ

kt_satt_skill_example_id=932

Split ড্রপডাউন বাটন

kt_satt_skill_example_id=934